<script setup>
// 导入组件 使用默认导入
//
// import ButtonCounter from './components/1组件基础/1.ButtonCounter.vue'
// @代表的路径就是从src开始 也是官方推荐的写法
import ButtonCounter from '@/components/1组件基础/1.ButtonCounter.vue'
</script>

<template>
  <h1>Here is a child component!</h1>
  <!--  官方推荐写法-->
  <ButtonCounter/>
<!--  <ButtonCounter>-->
<!--    sdfdfd-->
<!--  </ButtonCounter>-->
<!--    <button-counter></button-counter>-->
<!--    <button-counter/>-->
<!--    <span>hello</span>-->
<!--  DOM 内模板解析注意事项 具体看文档！！-->
<!--  大小写区分-->
<!--  闭合标签-->
<!--  元素位置限制-->

<!--  传递 props 父传子使用-->
<!--  监听事件    子传父使用-->
<!--  两个结合就是 兄弟传参-->


</template>


<style scoped>

</style>
